<template>
  <br/>
  <div style="border:1px solid #eee;">
    <z-watermark :typeConfig="typeConfig" :title="title" :subTitle="subTitle">
      <div style="height: 500px;"/>
    </z-watermark>
  </div>
</template>
<script>
import { defineComponent, ref } from 'vue'
export default defineComponent({
  setup() {
    const typeConfig = ref({ width: 250, height: 250, font: '14px Vedana', color: 'rgba(0,0,0,.2)', textAlign: 'left' })
    const title = ref('标题')
    const subTitle = ref('副标题')
    return {
      typeConfig,
      title,
      subTitle
    }
  }
})
</script>
